<style>
.spanlevel {
  font-size: 22px;
  font-weight: bold;
  color: black;
  padding: 10px;
}
.spanblod {
  font-weight: bold;
  color: black;
}
.checklevel {
  padding-right: 50px;
  zoom: 1.2;
}
.divtablemain {
  width: 100%;
  color: black;
  max-width: 980px;
}
.tablemain {
  width: 100%;
  border-collapse: collapse;
}
.tablemain td {
  line-height: 40px;
  min-width: 80px;
  height: 50px;
  color: black;
  text-align: center;
  border: 1px solid black;
}
.tdimg {
  width: 240px;
  height: auto;
  cursor: pointer;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table td {
  min-width: 80px;
  text-align: center;
  border: 1px solid #e8eaec;
}
.tableleft {
  text-align: left !important;
  padding: 10px;
  line-height: 24px;
}
.padding-10 {
  padding: 10px;
}
.imgmemo {
  width: 100%;
}
.imgperson {
  height: auto;
  width: 160px;
  margin: 5px;
  cursor: pointer;
}
.div-img {
  border: 1px solid #e8eaec;
  margin-right: 10px;
  cursor: pointer;
}
.signimg {
  width: 100px;
  border: 0;
}
</style>
<template>
  <div>
    <Card title="评估报告">
      <a href="#" slot="extra" @click.prevent="PrintReport">打印</a>
      <Row>
        <Center style="color:black">
          <h2>身体能力等级评估报告书</h2>
          <h3>The physical ability rating report<span style="margin-left:10px">评估人：{{assessinfo.sys_CreaterName}}</span> </h3>
        </Center>
      </Row>
      <Row>
        <Center>
          <div class="divtablemain">
            <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
              <tr>
                <td style="width: 130px;" rowspan="4">评估对象
                  <br>基本信息
                </td>
                <td>姓名</td>
                <td>{{assessperson.Name}}</td>
                <td>性别</td>
                <td>{{assessperson.Sex}}</td>
                <td rowspan="4" style="width:180px;">
                  <img
                    :src="assessinfo.PersonImg"
                    class="imgperson"
                    @click="bigimg(assessinfo.PersonImg)"
                  >
                </td>
              </tr>
              <tr>
                <td>出生日期</td>
                <td>{{assessperson.Birthday}}</td>
                <td>年龄</td>
                <td>{{assessperson.Age}}</td>
              </tr>
              <tr>
                <td>身份证号</td>
                <td colspan="3">{{assessperson.IdCard}}</td>
              </tr>
              <tr>
                <td>住址</td>
                <td colspan="3">{{assessperson.Address}}</td>
              </tr>
              <tr>
                <td>评估情况</td>
                <td colspan="5" class="tableleft">
                  日常生活能力评定为
 <span
                    class="spanlevel"
                  >{{assessinfo.DailyTotal==-1?'0':assessinfo.DailyTotal}}</span> 级；精神状态评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SpiritTotal==-1?'0':assessinfo.SpiritTotal}}</span> 级；
                  <br>感知觉与沟通评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.PerTotal==-1?'0':assessinfo.PerTotal}}</span> 级；社会参与评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SocietyTotal==-1?'0':assessinfo.SocietyTotal}}</span> 级；

                  <!-- <span
                    class="spanlevel"
                  >{{assessinfo.DailyLevel==-1?'':assessinfo.DailyLevel}}</span> 级；精神状态评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SpiritLevel==-1?'':assessinfo.SpiritLevel}}</span> 级；
                  <br>感知觉与沟通评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.PerLevel==-1?'':assessinfo.PerLevel}}</span> 级；社会参与评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SocietyLevel==-1?'':assessinfo.SocietyLevel}}</span> 级； -->
                </td>
              </tr>
              <tr>
                <td>初步认定结果</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="firstlevel">
                    <Checkbox label="0" onclick="return false" class="checklevel">
                      <span>能力完好</span>
                    </Checkbox>

                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>轻度失能</span>
                    </Checkbox>

                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>中度失能</span>
                    </Checkbox>

                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>重度失能</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
              <tr>
                <td>等级变更情况</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="lelelmemo">
                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>有认知障碍/痴呆、精神疾病</span>
                    </Checkbox>
                    <br>
                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>近30天内发生过2次以上跌倒、噎食、自杀、走失情况</span>
                    </Checkbox>
                    <br>
                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>处于昏迷状态，直接评定为失能</span>
                    </Checkbox>
                    <br>
                    <Checkbox label="-1" onclick="return false" class="checklevel">
                      <span>无等级变更情况</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
              <tr>
                <td colspan="3">评估现场影像资料</td>
                <td colspan="3">身体情况辅助证明资料</td>
              </tr>
              <tr>
                <td colspan="3">
                  <img :src="img1" class="tdimg" @click="bigimg(img1)">
                </td>
                <td colspan="3" class="tdimg">
                  <img :src="img2" class="tdimg" @click="bigimg(img2)">
                </td>
              </tr>
              <tr>
                <td>最终认定结果</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="finallevel">
                    <Checkbox label="0" onclick="return false" class="checklevel">
                      <span>能力完好</span>
                    </Checkbox>

                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>轻度失能</span>
                    </Checkbox>

                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>中度失能</span>
                    </Checkbox>

                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>重度失能</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
            </table>
            <Row type="flex" justify="center" align="middle" class="code-row-bg">
              <Col span="3" class="tableleft">评估员：</Col>
              <Col span="4" class="tableleft">
                <img :src="assessinfo.EmployeeName1" class="signimg">
              </Col>
              <Col span="4" class="tableleft">
                <img :src="assessinfo.EmployeeName2" class="signimg">
              </Col>
              <Col span="12">
                <br>临沂市慈济养老服务评估中心
                <br>
                {{assessinfo.BusinessDate }}
              </Col>
            </Row>
            <Row
              class="tableleft"
              style="font-size:10px;font-weight:bold"
            >本次评估结果最终解释权归本中心所有 ，任何单位及个人未经允许，不得复制本报告！
              <br>附：老年人身体能力等级评估表
            </Row>
          </div>
        </Center>
      </Row>
    </Card>
    <br>

    <Card>
      <Row>
        <Center style="color:black">
          <h3>日常生活活动评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">进食</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyFood==2">2 分，可独立进食（在合理的时间内独立进食准备好的食物）</span>
                <span v-else-if="assessinfo.DailyFood==1">1 分， 需部分帮助（进食过程中需要一定帮助，如协助把持餐具）</span>
                <span v-else-if="assessinfo.DailyFood==0">0 分， 需极大帮助或完全依赖他人，或有留置营养管</span>
                <span v-else>2 分，可独立进食（在合理的时间内独立进食准备好的食物）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">洗澡</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyShower==2">2 分，准备好洗澡水后，可自己独立完成洗澡过程</span>
                <span v-else-if="assessinfo.DailyShower==0">0 分， 在洗澡过程中需他人帮助</span>
                 <span v-else>2 分，准备好洗澡水后，可自己独立完成洗澡过程</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">穿衣修饰</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyDress==2">2 分，可独立完成</span>
                <span v-else-if="assessinfo.DailyDress==1">1 分，需部分帮助（能自己穿脱，但需他人帮助系扣/鞋带、拉拉链）</span>
                <span v-else-if="assessinfo.DailyDress==0">0 分， 完全依赖他人</span>
               <span v-else>2 分，可独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">大、小便控制</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyRelieve==2">2 分，可控制</span>
                <span v-else-if="assessinfo.DailyRelieve==1">1 分，偶尔失控（每周<1 次），或需要他人提示</span>
                <span v-else-if="assessinfo.DailyRelieve==0">0 分，完全失控</span>
                 <span v-else>2 分，可控制</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">如厕</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyToilet==2">2 分，可独立完成</span>
                <span v-else-if="assessinfo.DailyToilet==1">1 分，需部分帮助（需他人搀扶去厕所、需他人帮忙冲水或整理衣裤等）</span>
                <span v-else-if="assessinfo.DailyToilet==0">0 分，需极大帮助或完全依赖他人</span>
                 <span v-else>2 分，可独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">平地行走</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyWalk==2">2 分，可独立在平地上行走</span>
                <span v-else-if="assessinfo.DailyWalk==1">1 分，需部分帮助（需他人地搀扶或使用拐杖、助行器等辅助用具）</span>
                <span v-else-if="assessinfo.DailyWalk==0">0 分，完全依赖他人</span>
                <span v-else>2 分，可独立在平地上行走</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">上下楼梯</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyStairs==2">2 分，可独立上下楼梯（连续上下 10-15 个台阶）</span>
                <span v-else-if="assessinfo.DailyStairs==1">1 分，需部分帮助（需扶着楼梯、他人搀扶，或使用拐杖等）</span>
                <span v-else-if="assessinfo.DailyStairs==0">0 分，完全依赖他人</span>
                <span v-else>2 分，可独立上下楼梯（连续上下 10-15 个台阶）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">日常生活
                  <br>活动分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyTotal==0">0 能力完好：总分 14 分</span>
                <span v-else-if="assessinfo.DailyTotal==1">1 轻度受损：总分 10-13 分</span>
                <span v-else-if="assessinfo.DailyTotal==2">2 中度受损：总分 6-12 分</span>
                <span v-else-if="assessinfo.DailyTotal==3">3 重度受损：总分≤5 分</span>
                 <span v-else>0 能力完好：总分 14 分</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br>
      <Row>
        <Center style="color:black">
          <h3>精神状态评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">认知功能</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritCogn==2">2 分，可大体说出评估员年龄，且误差在 10 岁以内。</span>
                <span v-else-if="assessinfo.SpiritCogn==1">1 分，说出评估员大体年龄，误差在 20 岁以内</span>
                <span v-else-if="assessinfo.SpiritCogn==0">0 分，说出评估员大体年龄，误差超过 20 岁，或无回应</span>
                <span v-else>2 分，可大体说出评估员年龄，且误差在 10 岁以内。</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">攻击行为</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritAttack==2">2 分，无身体攻击（打、踢、咬、摔东西）和语言攻击（骂人、尖叫）行为</span>
                <span v-else-if="assessinfo.SpiritAttack==1">1 分，每月有几次身体攻击行为，或每周有几次语言攻击行为</span>
                <span v-else-if="assessinfo.SpiritAttack==0">0 分，每周有几次身体攻击行为，或每日有语言攻击行为</span>
                 <span v-else>2 分，无身体攻击（打、踢、咬、摔东西）和语言攻击（骂人、尖叫）行为</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">抑郁症状</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SpiritBlues==2">2 分，无</span>
                <span v-else-if="assessinfo.SpiritBlues==1">1 分，情绪低落、不爱说话、不爱梳洗、不爱活动</span>
                <span v-else-if="assessinfo.SpiritBlues==0">0 分，有自杀念头或自杀行为</span>
                <span v-else>2 分，无</span>
              </td>
            </tr>

            <tr>
              <td>
                <span class="spanblod">精神状态
                  <br>分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritTotal==0">0 能力完好</span>
                <span v-else-if="assessinfo.SpiritTotal==1">1 轻度受损</span>
                <span v-else-if="assessinfo.SpiritTotal==2">2 中度受损</span>
                <span v-else-if="assessinfo.SpiritTotal==3">3 重度受损</span>
                 <span v-else>0 能力完好</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br>
      <Row>
        <Center style="color:black">
          <h3>感知觉与沟通评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">意识水平</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.PerConsciousness==2">2 分，神志清醒，对周围环境警觉。</span>
                <span v-else-if="assessinfo.PerConsciousness==1">1 分，嗜睡。当呼唤或推动患者的肢体时可唤醒，停止刺激后又继续入睡</span>
                <span v-else-if="assessinfo.PerConsciousness==0">0 分，给予较强烈的刺激时可有短时的意识清醒；昏迷直接评为重度失能</span>
                 <span v-else>2 分，神志清醒，对周围环境警觉。</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">视力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.PerVision==2">2 分，视力不影响正常生活</span>
                <span v-else-if="assessinfo.PerVision==1">1 分，辨认物体有困难，但眼睛能跟随物体移动，只能看到光、颜色和形状</span>
                <span v-else-if="assessinfo.PerVision==0">0 分，没有视力，眼睛不能跟随物体移动</span>
                 <span v-else>2 分，视力不影响正常生活</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">听力</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.PerHearing==2">2 分，可正常交谈，能听到电视、电话、门铃的声音</span>
                <span v-else-if="assessinfo.PerHearing==1">1 分，正常交流有些困难，需大声说话才能听到</span>
                <span v-else-if="assessinfo.PerHearing==0">0 分，完全听不见</span>
                 <span v-else>2 分，可正常交谈，能听到电视、电话、门铃的声音</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">沟通交流</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.PerCommunicate==2">2 分，无困难，能与他人正常沟通和交流</span>
                <span v-else-if="assessinfo.PerCommunicate==1">1 分，表达需要或理解有困难，需频繁重复或简化口头表达</span>
                <span v-else-if="assessinfo.PerCommunicate==0">0 分，不能表达需要或理解他人的话</span>
                <span v-else>2 分，无困难，能与他人正常沟通和交流</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">感知觉与沟通
                  <br>分级
                </span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.PerTotal==0">0 能力完好</span>
                <span v-else-if="assessinfo.PerTotal==1">1 轻度受损</span>
                <span v-else-if="assessinfo.PerTotal==2">2 中度受损</span>
                <span v-else-if="assessinfo.PerTotal==3">3 重度受损</span>
                 <span v-else>0 能力完好</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br>
      <Row>
        <Center style="color:black">
          <h3>社会参与评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">生活能力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyLiving==2">2 分，个人饮食、洗漱、穿戴、二便能自理且能能料理家务（如做饭、洗衣）</span>
                <span v-else-if="assessinfo.SocietyLiving==1">1 分，个人生活能自理；只有在他人帮助下才能做些家务，但质量不好</span>
                <span v-else-if="assessinfo.SocietyLiving==0">0 分，个人基本生活事务（如饮食、二便）需要部分帮助或完全依赖他人帮助</span>
                <span v-else>2 分，个人饮食、洗漱、穿戴、二便能自理且能能料理家务（如做饭、洗衣）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">工作能力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyWork==2">2 分，原来熟练的脑力工作或体力技巧性工作可照常进行</span>
                <span v-else-if="assessinfo.SocietyWork==1">1 分，原来熟练的脑力工作或体力技巧性工作明显不如以往，部分遗忘</span>
                <span v-else-if="assessinfo.SocietyWork==0">0 分，对以往的知识或技能全部磨灭</span>
                <span v-else>2 分，原来熟练的脑力工作或体力技巧性工作可照常进行</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">时间空间定向</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietySpaceTime==2">2 分，知道时间、年月日（农历）；可单独出远门，能很快掌握新环境的方位</span>
                <span v-else-if="assessinfo.SocietySpaceTime==1">1 分，年月日不楚，只能单独在家附近行动，对现住地只知名称</span>
                <span v-else-if="assessinfo.SocietySpaceTime==0">0 分，无时间观念；不能单独外出</span>
                 <span v-else>2 分，知道时间、年月日（农历）；可单独出远门，能很快掌握新环境的方位</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">人物定向</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyPerson==2">2 分，知道周围人们的关系，知道祖孙、叔伯、姑姨、侄子侄女等称谓的意义；</span>
                <span v-else-if="assessinfo.SocietyPerson==1">1 分，只知家中亲密近亲的关系，不会分辨陌生人大致年龄，不能称呼陌生人</span>
                <span v-else-if="assessinfo.SocietyPerson==0">0 分，不辨熟人和生人</span>
                 <span v-else>2 分，知道周围人们的关系，知道祖孙、叔伯、姑姨、侄子侄女等称谓的意义；</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">社会交往能力</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SocietySkill==2">2 分，参与社会，在社会环境有一定的适应能力，待人接物恰当</span>
                <span v-else-if="assessinfo.SocietySkill==1">1 分，勉强可与人交往，谈吐内容不清楚，表情不恰当</span>
                <span v-else-if="assessinfo.SocietySkill==0">0 分，难以与人接触</span>
                  <span v-else>2 分，参与社会，在社会环境有一定的适应能力，待人接物恰当</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">社会参与
                  <br>分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SocietyTotal==0">0 能力完好</span>
                <span v-else-if="assessinfo.SocietyTotal==1">1 轻度受损</span>
                <span v-else-if="assessinfo.SocietyTotal==2">2 中度受损</span>
                <span v-else-if="assessinfo.SocietyTotal==3">3 重度受损</span>
                <span v-else>0 能力完好</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
    </Card>

    <Modal :mask-closable="false" v-model="modal2"  title="查看图片" footer-hide>
      <div>
        <img :src="tmpimg" style="width:100%">
      </div>
    </Modal>
    <iframe
      id="iframe-print"
      frameborder="0"
      style="display:none"
      scrolling="auto"
      :src="printSrc"
    ></iframe>
  </div>
</template>
<script>
import { printUrl } from '@/libs/util';
import { Modal } from "view-design";
import { GetAssessInfoByPersonId } from "@/api/data";
import dayjs from "dayjs";
export default {
  name: "assess_info",
  data() {
    return {
      printSrc:printUrl+'printlistreport.html',
      modal2: false,
      tmpimg: "",
      firstlevel: [],
      lelelmemo: [],
      finallevel: [],
      assessperson: {},
      assessinfo: {},
      img1: "",
      img2: ""
    };
  },
  props: {
    id: {
      type: String,
      required: true
    }
  },
  methods: {
    getinfo() {
      GetAssessInfoByPersonId(this.id).then(res => {
        const data = res.data;
        if (data.Type == 1) {
          this.assessperson = data.Data;
           
          if (this.assessperson.AssessInfo != null) {
            this.firstlevel = [this.assessperson.AssessInfo.FirstLevel + ""];
            this.finallevel = [this.assessperson.AssessInfo.FinalLevel + ""];
            this.lelelmemo = [this.assessperson.AssessInfo.LevelMemo + ""];
            this.assessinfo = this.assessperson.AssessInfo;
            try {
              this.assessinfo.BusinessDate = dayjs(
                this.assessinfo.BusinessDate
              ).format("YYYY年MM月DD日");

              this.assessperson.Birthday = dayjs(
                this.assessperson.Birthday
              ).format("YYYY年MM月DD日");
            } catch (ex) {}
            try {
              this.img1 = this.assessinfo.Imgs[0];
              this.img2 = this.assessinfo.Imgs[1];
            } catch (ex) {}
          }
        } else {
          this.$Modal.error({ title: "提示", content: data.Message });
        }
      });
    },
    bigimg(item) {
      this.tmpimg = item;
      this.modal2 = true;
    },
    PrintReport() {
        document
              .getElementById("iframe-print")
              .contentWindow.LoadData([this.assessperson]); 
     document
        .getElementById("iframe-print")
        .contentWindow.printData();
    }
  },
  created() {},
  mounted() {
    const oIframe = document.getElementById("iframe");
    this.getinfo();
  }
};
</script>
